<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>city in eyes</title>
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript"> 
var myScroll;
var a = 0;
function loaded() {
	setHeight();	// Set the wrapper height. Not strictly needed, see setHeight() function below.
 
	// Please note that the following is the only line needed by iScroll to work. Everything else here is to make this demo fancier.
	myScroll = new iScroll('scroller', {desktopCompatibility:true});
}
 
// Change wrapper height based on device orientation. Not strictly needed by iScroll, you may also use pure CSS techniques.
function setHeight() {
	var headerH = document.getElementById('header').offsetHeight,
		footerH = document.getElementById('footer').offsetHeight,
		wrapperH = window.innerHeight - headerH - footerH;
	document.getElementById('wrapper').style.height = wrapperH + 'px';
}
 
// Check screen size on orientation change
window.addEventListener('onorientationchange' in window ? 'orientationchange' : 'resize', setHeight, false);
 
// Prevent the whole screen to scroll when dragging elements outside of the scroller (ie:header/footer).
// If you want to use iScroll in a portion of the screen and still be able to use the native scrolling, do *not* preventDefault on touchmove.
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
 
// Load iScroll when DOM content is ready.
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
</head>

<body>
<div id="header" class="h_comm">
  <h1>city on eyes 城市天眼</h1>
  <a href="cities.html">切换</a><a href="upload.html">上传</a><a href="search.html">搜索</a> </div>
<div id="wrapper">
  <div id="scroller">
    <div id="top" style="display:none"></div>
    <div class="a_detail"> <img src="images/city-1.jpg" width="300">
      <dl>
        <dt>标题</dt>
        <dd>第一次站在北京天安门广场</dd>
        <dt>位置</dt>
        <dd>北京天安门</dd>
        <dt>类型</dt>
        <dd>历史文物景点</dd>
        <dt>交通</dt>
        <dd>地铁1号线</dd>
        <dt>简介</dt>
        <dd>邪恶的奈落与犬夜叉一行的战争愈演愈烈，为了保护心脏不受伤害，他在白灵山分离出一个能洞察人类心灵的婴儿，并将心脏托其保管。邪恶的奈落与犬夜叉一行的战争愈演愈烈，为了保护心脏不受伤害，他在白灵山分离出一个能洞察人类心灵的婴儿，并将心脏托其保管。邪恶的奈落与犬夜叉一行的战争愈演愈烈，为了保护心脏不受伤害，他在白灵山分离出一个能洞察人类心灵的婴儿，并将心脏托其保管。</dd>
      </dl>
    </div>
    <div class="toTop"><a href="#" onclick="myScroll.scrollToElement('#top','1s');return false">to top</a></div>
  </div>
</div>
<div id="footer" class="footer">CityOnEyes 城市天眼 © 2011 LEG inc. 版权所有<br>
  粤ICP备07500583号-11</div>
</body>
</html>
